<html lang="en"> 
	
	<head> 
	<meta charset="UTF-8"> 
	<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
	<title>美的官网</title> 
	<link rel="stylesheet" href="./css实现.css"> 

	</head> 
	
	<body> 
	<!-- 导航栏 --> 
	<div class="banner"> 
	<!-- 图片 --> 
	
	<a class="tupian" href="https://www.midea.com/cn/"> <img src="http://codelover.club/stutasks/userID_260/currNo_7/美的官网/图片/美的简称.png" alt=""></a> 

	
	<div class="danhanglan"> 
	<!-- 下拉菜单 --> 
	<ul class="menu-nav"> 
	<li class="submenu"> 
	<a class="meun-item" href="#">美的业务</a> 

	<ul class="pop-meun"> 
	<li><a href="#">总览</a></li> 

	<li><a href="#">智能家居</a></li> 

	<li><a href="#">工业技术</a></li> 

	<li><a href="#">楼宇科技</a></li> 

	<li><a href="#">机器人于自动化创新</a></li> 

	<li><a href="#">数字和化创新</a></li> 

	
	</ul> 
	</li> 
	
	<li class="submenu"> 
	<a class="meun-item" href="#">投资者关系</a> 

	<ul class="pop-meun"> 
	<li><a href="#">总览</a></li> 

	<li><a href="#">致股东的信</a></li> 

	<li><a href="#">公司治理</a></li> 

	<li><a href="#">股票信息</a></li> 

	<li><a href="#">财务报告</a></li> 

	<li><a href="#">信息披露</a></li> 

	</ul> 
	</li> 
	
	<li class="submenu"> 
	<a class="meun-item" href="#">美的商层</a> 

	</li> 
	
	<li class="submenu"> 
	<a class="meun-item" href="#">美的美居</a> 

	</li> 
	
	<li class="submenu"> 
	<a class="meun-item" href="#">美的服务</a> 

	</li> 
	
	<li class="submenu"> 
	<a class="meun-item" href="#">加入美的</a> 

	<ul class="pop-meun"> 
	<li><a href="#">总览</a></li> 

	<li><a href="#">工作在美的</a></li> 

	<li><a href="#">美的文化</a></li> 

	<li><a href="#">职业发展</a></li> 

	<li><a href="#">社会招聘</a></li> 

	<li><a href="#">应届毕业生招聘</a></li> 

	<li><a href="#">博士生招聘</a></li> 

	</ul> 
	</li> 
	
	<li class="submenu"> 
	<a class="meun-item" href="#">关于美的</a> 

	<ul class="pop-meun"> 
	<li><a href="#">总览</a></li> 

	<li><a href="#">创新</a></li> 

	<li><a href="#">制造</a></li> 

	<li><a href="#">新闻中心</a></li> 

	
	</ul> 
	</li> 
	
	<li class="submenu"> 
	<a class="meun-item" href="#">美的供应商</a> 

	</li> 
	</ul> 
	</div> 
	<!-- 搜索图标 --> 
	<div> 
	<img src="http://codelover.club/stutasks/userID_260/currNo_7/美的官网/图片/3.png" alt=""> 

	</div> 
	<!-- 国旗 --> 
	<div class="guoqi"> 
	<img src="http://codelover.club/stutasks/userID_260/currNo_7/美的官网/图片/china.png" alt=""> 
`
	</div> 
	</div> 
	<!-- 视频区域 --> 
	<div> 
		<video src="http://codelover.club/stutasks/userID_260/currNo_7/美的官网/图片/4.mp4" autoplay="autoplay" loop="loop"></video>
	</div> 
	<!-- 文字区域 --> 
	<div class="wenzi"> 
	<!-- 第一模块 --> 
	<h2>快览</h2> 
	<ul class="xinxi"> 
	<li> 
	<div class="fangkuai"> 
	<span>2857</span> 
	<i>亿元</i> 
	<div class="dibu">2020年营业总收入</div> 
	</div> 
	</li> 
	<li> 
	<div class="fangkuai"> 
	<span>15</span> 
	<i>万+</i> 
	<div class="dibu">全球员工数量 
	</div> 
	</div> 
	
	</li> 
	<li> 
	<div class="fangkuai"> 
	<span>288</span> 
	<i>位</i> 
	<div class="dibu">《财富》世界五百强 
	</div> 
	</div> 
	</li> 
	</ul> 
	</div> 
	
	<div class="wenzier juzhong"> 
	<h2> 
	股价 
	</h2> 
	<a href=""><span style="font-size:16px; position: relative; left: 700px;">了解更多+</span></a> 
	<div class="pailie"> 
	
	<div class="renminbi"> 
	<span class="renmin">人民币</span> 
	<span class="renmin">56.37</span> 
	
	
	
	<span style="font-size:40px ;">+ 1.31%</span> 
	<div style="font-size:24px; ">Midea Group</div> 
	</div> 
	
	<div class="shizhi"> 
	<span style="font-size:40px ;">390.30 B</span> 
	<div style="font-size: 24px; text-align:right; position: relative; left: -86px;">市值</div> 
	</div> 
	<div class="chengjiaoliang"> 
	<span style="font-size: 40px;">26.61M</span> 
	<div style="font-size: 24px;">成交量（股）</div> 
	
	</div> 
	<img class="weizhi" src="http://codelover.club/stutasks/userID_260/currNo_7/美的官网/图片/66.jpg" alt=""> 

	</div> 
	
	
	</div> 
	<!-- 底部 --> 
	
	<div class="dibu"> 
	<h2> 
	业务 
	</h2> 
	<ul> 
	<li> 
	<div class="box-img"> 
	<img src="http://codelover.club/stutasks/userID_260/currNo_7/美的官网/图片/01.jpg" alt=""> 

	<div class="yangshi"> 
	<a class="oi" href="#" id="oi"> 

	<div class="neme"> 
	<h1>智能家居</h1> 
	</div> 
	<div class="neirong"> 
	<p> 美的智能家居，作为智慧家电、智慧家居及周边相关产业和生态链的经营主体，承担面向C端用户的智能化场景搭建，用户运营和数据价值发掘，致力于成为为C端用户提供最佳体验的全屋智能家居及服务的高科技公司。 
	</p> 
	</div> 
	<span class="liaojie">了解更多+</span> 
	</a> 
	</div> 
	</div> 
	</li> 
	<li> 
	<div class="jidian"> 
	<div class="yangshi2"> 
	<a class="oi" href="#" id="oi"> 

	<div class="neme"> 
	<h1>工业技术</h1> 
	</div> 
	<div class="neirong"> 
	<p>美的工业技术，专业化研发、生产、销售压缩机、电机、芯片、工控、散热组件等高精密核心部件产品，拥有GMCC 
	美芝、Welling威灵、MR美仁、TOSHIBA东芝、HICONICS合康、SUNYE日业、DORNA东菱和SERVOTRONIX高创等多个品牌，产品广泛应用于家用电器、3C产品、新能源汽车和工业自动化等领域。 
	</p> 
	</div> 
	<span class="liaojie2">了解更多+</span> 
	</a> 
	
	</div> 
	<img src="http://codelover.club/stutasks/userID_260/currNo_7/美的官网/图片/02.png" alt=""> 

	
	</div> 
	</li> 
	<li></li> 
	<li></li> 
	<li></li> 
	</ul> 
	
	
	
	
	
	<div class="nuantong"> 
	<div class="yangshi3"> 
	<a class="oi" href="#" id="oi"> 

	<div class="neme"> 
	<h1>楼宇科技</h1> 
	</div> 
	<div class="neirong"> 
	<p> 
	美的楼宇科技，作为负责楼宇产品、服务及相关产业的经营主体，以楼宇数字化服务平台为核心，打通楼宇交通流、信息流、体验流、能源流，为用户提供智能化、数字化、低碳化的楼宇建筑整体解决方案。 
	
	</p> 
	</div> 
	<span class="liaojie">了解更多+</span> 
	</div> 
	<img src="http://codelover.club/stutasks/userID_260/currNo_7/美的官网/图片/03.png" alt=""> 

	
	</div> 
	<div class="jiqiren"> 
	<img src="http://codelover.club/stutasks/userID_260/currNo_7/美的官网/图片/04.jpg" alt=""> 

	<div class="yangshi4"> 
	<a class="oi" href="#" id="oi"> 

	<div class="neme"> 
	<h1>机器人与自动化创新</h1> 
	</div> 
	<div class="neirong"> 
	<p> 美的机器人及自动化，主要围绕未来工厂相关领域，包括工业机器人、物流自动化系统及传输系统解决方案，医疗、娱乐、新消费领域解决方案等。 
	</p> 
	
	<span class="liaojie5">了解更多+</span> 
	</div> 
	
	</a> 
	
	</div> 
	</div> 
	<div class="shuzihua"> 
	
	<div class="yangshi5"> 
	<a class="oi" href="#" id="oi"> 

	<div class="neme"> 
	<img src="http://codelover.club/stutasks/userID_260/currNo_7/美的官网/图片/05.jpg" alt=""> 

	<h1>数字化创新</h1> 
	</div> 
	<div class="neirong"> 
	<p> 美的数字化创新是美的集团在商业模式变革中孵化的新型业务，包括为企业数字化转型提供软件服务、无人零售解决方案和生产性服务等。 
	
	</p> 
	<span class="liaojie5">了解更多+</span> 
	</div> 
	
	
	</a> 
	</div> 
	</div> 
	</div> 
	<!-- 底部 --> 
	
	</body> 
	
	</html>

